<script setup lang="ts">
import HomeUserInfo from './c-nps/home-userInfo.vue'
</script>

<template>
  <div class="title">
    <div class="logo">
      <svg
        t="1711461219228"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="3498"
        width="200"
        height="200"
      >
        <path
          d="M825.920853 184.32H198.079147C165.96992 184.32 139.946667 210.8928 139.946667 243.677867V667.682133C139.946667 700.470613 165.96992 727.04 198.079147 727.04H825.924267c32.1024 0 58.13248-26.569387 58.13248-59.36128V243.68128C884.053333 210.889387 858.023253 184.32 825.920853 184.32z m3.959467 447.757653c0 19.48672-15.469227 35.283627-34.553173 35.283627h-110.568107v-204.629333c0-19.483307-15.465813-35.280213-34.553173-35.280214-19.083947 0-34.553173 15.796907-34.553174 35.280214v204.629333h-69.106346v-275.193173c0-19.483307-15.4624-35.280213-34.553174-35.280214-19.083947 0-34.553173 15.796907-34.553173 35.280214v275.193173h-69.106347v-148.176213c0-19.48672-15.4624-35.283627-34.553173-35.283627-19.080533 0-34.553173 15.79008-34.553173 35.283627v148.176213H228.67968c-19.080533 0-34.553173-15.796907-34.553173-35.283627V279.27552c0-19.48672 15.47264-35.283627 34.553173-35.283627h566.647467c19.083947 0 34.553173 15.796907 34.553173 35.280214V632.081067zM180.906667 815.786667a23.893333 23.893333 0 0 1 23.893333-23.893334h617.813333a23.893333 23.893333 0 1 1 0 47.786667H204.8a23.893333 23.893333 0 0 1-23.893333-23.893333z"
          fill="#ffffff"
          p-id="3499"
        ></path>
      </svg>
      <h1>后台管理系统</h1>
    </div>
    <div class="userInfo">
      <HomeUserInfo />
    </div>
  </div>
</template>

<style scoped lang="scss">
.title {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: $them-font-color;
    svg {
      width: 50px;
      height: 50px;
    }
  }
}
</style>
